
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}

body,html{
	height: 100%;
}


.header{
	position: fixed;
	z-index: 99;
	width: 100%;
	.px2rem(height, 90);
	.px2rem(line-height, 90);
	background: #f9f9f9;
	border-bottom: 1px solid #ccc;
	.px2rem(font-size,24);
	color: #6edbd5;
	display: flex;
	align-items: center;
	.left{
		width: 20%;
		height: 100%;
		text-align: center;
		p{
			background: url(../images/xia-cek.png) no-repeat center right;
			background-size: 20%;
		}
	}
	.right{
		width: 80%;
		.px2rem(padding-left,20);
		.px2rem(padding-right,20);
		span{
			display: block;
			width: 90%;
			.px2rem(height,60);
			.px2rem(line-height,60);
			.px2rem(padding-left,80);
			box-sizing: border-box;
			color: #aaaaaa;
			border-radius: 5px;
			margin: auto;
			white-space: nowrap;
			overflow: hidden;
			background: #dcdcdc;
		}
	}
}

.content{
	position: relative;
	width: 100%;
	.px2rem(top,90);
	bottom: 0;
	background: #fff;
	display: flex;
	.left{
		position: fixed;
		width: 22%;
		height: 100%;
		.ul{
			height: 100%;
			background: #f3f3f3;
			.px2rem(font-size,28);
			text-align: center;
			li{
				.px2rem(padding-top,30);
				.px2rem(padding-bottom,30);
			}
			.active_li{
				border-left: 4px solid #6edbd5;
				padding-right: 4px;
				background: #fff;
				box-sizing: border-box;
			}
		}
	}
	.right{
		width: 78%;
		margin-left: 22%;
		.px2rem(padding,30);
		box-sizing: border-box;
		.item{
			position: relative;
			.border{
				height: 1px;
				background: linear-gradient(90deg,#fff,#c5c3c3,#fff);
			}
			.total{
				position: absolute;
				.px2rem(top,-18);
				width: 18%;
				margin-left: 41%;
				.px2rem(font-size,28);
				color: #858585;
				text-align: center;
				background: #fff;

			}
			.items{
				display: flex;
				flex-wrap: wrap;
				text-align: center;
				.px2rem(padding-top,35);
				.px2rem(padding-bottom,50);
				.px2rem(margin-top,30);
				a{
    				color: #000;
					text-decoration: none;
					width: 33.3333333%;
					.px2rem(padding-bottom,30);
					dl{
						dt{
							img{
								width: 40%;
							}
						}
						dd{
							.px2rem(font-size,28);
							margin: 3px 0;
						}
					}
				}
			}
		}
	}
}